<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Document</title>
  <link rel="stylesheet" href="../kuangwei/css/one.css" />
</head>

<body>
  <!-- 头部导航开始，黑色的背景 -->
  <header>
    <div class="top">
      <div class="center">
        <a href=""> <img src="../kuangwei/imgs/10066.png" alt="" /></a>
        <ul>
          <a href="">
            <li>
              <a href="../kuangwei/denglu.html"><span>登录/</span></a> <a
                href="../kuangwei/zhuce.html"><span>注册</span></a>
            </li>
          </a>
          <a href="" class="dl">
            <li></li>
          </a>
          <a href="">
            <li>购物车</li>
          </a>
          <li class="hd">0</li>
          <a href="" class="ck">
            <li></li>
          </a>
          <a href="" class="fdj">
            <li></li>
          </a>
          <a href="" class="wh">
            <li></li>
          </a>
        </ul>
      </div>
    </div>

    <div class="nav">
      <ul>
        <li class="dy"><a href="">人气热销</a></li>
        <li class="der"><a href="">新品专区</a></li>
        <li class="dsan"><a href="">男子</a></li>
        <li class="dsi"><a href="">女子</a></li>
        <li class="dwu"><a href="">儿童</a></li>
        <li class="dliu"><a href="">99钜"惠"</a></li>
        <li><a href="">店铺分布</a></li>
      </ul>
      <!-- 人气热销 -->
      <div class="box">
        <div>
          <img src="../kuangwei/imgs/10001.jpg" alt="">
          <p>男子人气热销</p>
        </div>
        <div>
          <img src="../kuangwei/imgs/10002.jpg" alt="">
          <p>女子人气热销</p>
        </div>
      </div>
      <!-- 新品专区 -->
      <div class="two">
        <div>
          <img src="../kuangwei/imgs/10003.png" alt="">
          <p>夏季新色</p>
        </div>
        <div>
          <img src="../kuangwei/imgs/10004.png" alt="">
          <p>新品上线</p>
        </div>
      </div>

      <!-- 男子 -->
      <div class="three">
        <div>
          <img src="../kuangwei/imgs/10005.png" alt="">
          <p>鞋类</p>
        </div>
        <div>
          <img src="../kuangwei/imgs/10006.png" alt="">
          <p>上装</p>
        </div>
        <div>
          <img src="../kuangwei/imgs/10007.png" alt="">
          <p>下装</p>
        </div>
        <div>
          <img src="../kuangwei/imgs/10008.png" alt="">
          <p>配件</p>
        </div>
        <div>
          <img src="../kuangwei/imgs/10009.jpg" alt="">
          <p>川久保玲</p>
        </div>
        <div>
          <img src="../kuangwei/imgs/10010.png" alt="">
          <p>经典款</p>
        </div>
        <div>
          <img src="../kuangwei/imgs/10017.jpg" alt="">
          <p>CHUCK 70</p>
        </div>
        <div>
          <img src="../kuangwei/imgs/10019.png" alt="">
          <p>ALL STAR</p>
        </div>
        <div>
          <img src="../kuangwei/imgs/10020.png" alt="">
          <p>ONE STAR</p>
        </div>
        <div>
          <img src="../kuangwei/imgs/10045.png" alt="">
          <p>RUE STAR</p>
        </div>

      </div>

      <!-- 女子 -->
      <div class="four">
        <div>
          <img src="../kuangwei/imgs/10011.png" alt="">
          <p>鞋类</p>
        </div>
        <div>
          <img src="../kuangwei/imgs/10014.png" alt="">
          <p>上装</p>
        </div>
        <div>
          <img src="../kuangwei/imgs/10015.png" alt="">
          <p>下装</p>
        </div>
        <div>
          <img src="../kuangwei/imgs/10016.png" alt="">
          <p>配件</p>
        </div>
        <div>
          <img src="../kuangwei/imgs/10017.jpg" alt="">
          <p>川久保玲</p>
        </div>
        <div>
          <img src="../kuangwei/imgs/10018.png" alt="">
          <p>经典款</p>
        </div>
        <div>
          <img src="../kuangwei/imgs/10019.png" alt="">
          <p>CHUCK 70</p>
        </div>
        <div>
          <img src="../kuangwei/imgs/10033.jpg" alt="">
          <p>ALL STAR</p>
        </div>
        <div>
          <img src="../kuangwei/imgs/10041.png" alt="">
          <p>ONE STAR</p>
        </div>
        <div>
          <img src="../kuangwei/imgs/10049.png" alt="">
          <p>RUE STAR</p>
        </div>

      </div>

      <!-- 儿童 -->
      <div class="five">
        <div>
          <img src="../kuangwei/imgs/10022.png" alt="">
          <p>(1-4岁)</p>

        </div>
        <div>
          <img src="../kuangwei/imgs/10023.jpg" alt="">
          <p>(4-8岁)</p>

        </div>
        <div>
          <img src="../kuangwei/imgs/10024.jpg" alt="">
          <p>(4-12岁)</p>

        </div>
      </div>

      <!-- 99钜“惠” -->
      <div class="six">
        <div>
          <img src="../kuangwei/imgs/10025.png" alt="">
          <p>折扣精选</p>
        </div>
        <div>
          <img src="../kuangwei/imgs/10026.png" alt="">
          <p>399元封顶</p>
        </div>
        <div>
          <img src="../kuangwei/imgs/10027.png" alt="">
          <p>499元封顶</p>
        </div>
        <div>
          <img src="../kuangwei/imgs/10038.png" alt="">
          <p>满减福利</p>
        </div>
        <div>
          <img src="../kuangwei/imgs/10028.png" alt="">
          <p>全部折扣</p>
        </div>
      </div>
    </div>

    <!-- <div class="gg">
      <p>
        尊敬的客户您好，我们店铺不会泄露您的任何消费信息，敬请放心。另外，我们也不会主动要求获取、收集使用任何消费者的金融消费类信息（如：信用卡信息）。如果接到索取以上信息的电话，是属于诈骗电话，请勿相信，以防个人的钱财损失。如您对订单有疑问，请联系在线客服
      </p> -->
    </div>
  </header>
</body>

</html>
<script src="../kuangwei/js/index.js"></script>
<script>
  var oLi = document.querySelector(".dy");
  var oBox = document.querySelector(".box");

  var oDer = document.querySelector(".der");
  var oTwo = document.querySelector(".two");

  var oDsan = document.querySelector(".dsan");
  var oThree = document.querySelector(".three");

  var oDsi = document.querySelector(".dsi");
  var oFour = document.querySelector(".four");

  var oDwu = document.querySelector(".dwu");
  var oFive = document.querySelector(".five");


  var oDliu = document.querySelector(".dliu");
  var oSix = document.querySelector(".six");

  var oNav = document.querySelector(".nav");

  let hv = new HV(oLi, oBox, oDer, oTwo, oDsan, oThree, oDsi, oFour, oDwu, oFive, oDliu, oSix, oNav)
</script>

<script src="../kuangwei/js/jQuery.js"></script>